<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<link rel="stylesheet" href="css/bt3.css" />
		<link rel="stylesheet" href="css/app.css" />
		<meta content="user-scalable=no,width=device-width, initial-scale=1" name="viewport">
		<link rel="stylesheet" href="css/page-fast-news-60c1b0fb04288316f8b14bbbcc409bff.css" />
		<link rel="stylesheet" href="css/application-febb10a4ab803df13138ef8cf968c276.css" />
		<link rel="stylesheet" href="css/style.css" />
		<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
		<link rel="stylesheet" href="css/detail.css" />
		<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
		<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
		<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
		<title></title>
	</head>
	<body style="background-color: #fff;" class=" pace-done">

		<header class="common-header J_commonHeaderWrapper" data-stat-module="dingbudaohang">
			<div class="container">
				<a class="logo" href="#">
					<img src="img/logo.png"  /> </a>
				<div class="triggers">
				</div>
				<nav>
					<!--<select style="margin-left: 100px;margin-top: 20px;padding: 5px;float: left;" >-->
						<!--<option> 济南</option>-->
					<!--</select>-->
				</nav>

			</div>
		</header>



		<div class="container paperCut" style="margin-top: 35px;">
			<div class="row">
				<div class="col-md-3">
					<div class="box">
						<div class="touxbox">
							<img src="images/670974751893014737.jpg" class="touxiang" />
						</div>
						<div class="touxn">
							<span id="name"></span>
							<span><img src="img/u54.png" style="width: 20px;" /></span>
							<!--<span>12321312</span>-->
							<span id="status"></span>
						</div>
						
						<div class="tongxun">
							<span>通讯:</span><span><img src="img/email.png" /></span>
							<span><img src="img/phone.png" /></span>
							<span><img src="img/weixin.png" /></span>
							<span><img src="img/QQ.png"/></span>
						</div>
						<div class="shequ">
							<span>社区:</span>
							<span><img src="img/u266.png" /></span>
							<span><img src="img/u268.png" /></span>
							<span><img src="img/u270.png" /></span>
						</div>
						<div style="padding-left: 30px;padding-bottom: 20px;">
							<p style="color: #CCC">你可以从以上方式联系他</p>
							<input type="button"  data-toggle="modal" data-target="#myModal" id="contactbtn" value="联系他" class="btn-lx" />
						</div>
					</div>
					<!--<div class="box" >
						<h3 class="clearfix">高级匹配</h3>
						<div class="content paper-suggest">
							<div class="mt2">
								<p>您的公司规模</p>
								<input type="text" placeholder="输入公司人数" style="padding: 5px;width: 100%;" class="form-control"/>
							</div>
							<div class="mt2">
								<p>您的公司地址</p>
								<input type="text" placeholder="输入地址（地名、大厦或街道）" style="padding: 5px;width: 100%;" class="form-control" />
							</div>
							<div class="mt2" style="text-align: center;margin-bottom: 10px;padding-top: 20px;"><input  type="button" value="马上匹配人才"  style="background-color: #008df2;color: #fff;border: 0px;padding: 5px;width: 80%;"/></div>
						</div>
					</div>-->
					
				</div>
				<div class="col-md-9">
					<div class="box">
						<div style="padding: 10px;margin-top: 10px;">
									  	<span>技能树：</span><span id="skill" class="jns"></span>
									  </div>
									  <div style="padding: 10px;margin-top: -10px;">
									  	<span>印象海：</span><span  id="impression" class="jns"></span>
									  </div>
					</div>
					<!--作品-->
					<div class="box" style="margin-top: 20px;">
						<div class="content">
							<dl class="clearfix" >
								   <dt class="clearfix pull-left">
										<p class="paper-image">
											<a class="J_view paper-title" data-url="" data-id="34" href="" target="_blank">
											<img  src="img/u300.png"  style="width: 30px;" />
											作品
											</a>
										</p>

									   <p  style="white-space: pre-line" id="production"></p>
										
									
										</dt>
									</dl>
									</div>
					</div>
					<!--履历简介-->
					<div class="box" style="margin-top: 20px;">
						<div class="content">
							<dl class="clearfix" >
								   <dt class="clearfix pull-left">
										<p class="paper-image">
											<a class="J_view paper-title" data-url="" data-id="34" href="" target="_blank">
											<img  src="img/u298.png"  style="width: 30px;" />
											</span>履历简介
											</a>
										</p>
										<p  style="white-space: pre-line" id="introduction">

										</p>
									
										</dt>
									</dl>
									</div>
					</div>
					<!--工作经历-->
					<div class="box" style="margin-top: 20px;">
						<div class="content">
							<dl class="clearfix" >
								   <dt class="clearfix pull-left">
										<p class="paper-image">
											<a class="J_view paper-title" data-url="" data-id="34" href="" target="_blank">
											<img  src="img/u306.png"  style="width: 30px;" />
											</span>工作经历
											</a>
										</p>
										<p style="white-space: pre-line" id="experience"></p>
										</dt>
									</dl>
									</div>
					</div>
					
				</div>
			</div>
		</div>


		<!-- 模态框（Modal） -->
		<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
						<h4 class="modal-title" id="myModalLabel">联系方式：</h4>
					</div>
					<div class="modal-body">
						<label>e-mail：</label>
						<p class="form-control" id="email"></p>
						<label>电话号码：</label>
						<p class="form-control" id="phonenum"></p>
						<label>QQ：</label>
						<p class="form-control" id="qq"></p>
						<label>微信：</label>
						<p class="form-control" id="wx"></p>

					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					</div>
				</div><!-- /.modal-content -->
			</div><!-- /.modal -->
		</div>

		<script src="./js/detail.js"></script>
</body>
</html>
